import { h } from 'snabbdom/build/package/h'
import { init } from 'snabbdom/build/package/init'

let patch = init([])

let vnode = h('div#container.cls', [
  h('h1', 'hello snabbdom'),
  h('p', '这是一个 p 标签')
])

let app = document.querySelector('#app')

let oldVnode = patch(app, vnode)

setTimeout(() => {
  vnode = h('div#container.cls', [
    h('h1', 'hello world'),
    h('p', 'hello p')
  ])
  patch(oldVnode, vnode)

  // 清空内容
  // patch(oldVnode, null) // 错误做法

  patch(oldVnode, h('!')) // 使用注释节点实现清空
}, 2000);

